<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			
			.header {
				width: 100%;
				height: 50px;
				/*background-color: rosybrown;*/
				border-top: 2px solid coral;
				border-bottom: 2px solid #F2F2F2;
			}
			
			.header .header_1 {
				width: 960px;
				height: 50px;
				/*background-color: brown;*/
				margin: 0 auto;
			}
			
			.header .header_1 .top {
				width: 80px;
				height: 50px;
				line-height: 50px;
				text-align: center;
				float: left;
				font-size: 16px;
				color: black;
				/*background-color: red;*/
			}
			
			.header .header_1 .logo {
				width: 30PX;
				height: 35PX;
				/*background-color: green;*/
				background: url(icon-common.png) no-repeat 0 -300PX;
				float: left;
			}
			
			.header .header_1 .search {
				width: 107px;
				height: 25px;
				border: 1px solid #E5E5E5;
				border-radius: 13px;
				background-image: url(icon-common.png);
				background-repeat: no-repeat;
				background-position-x: -103px;
				background-position-y: -234px;
				/*background-color: red;*/
				float: left;
				margin-top: 15px;
			}
			
			.header .header_1 .login {
				float: right;
				margin-top:15px;
			}
		</style>
	</head>

	<body>
		<div class="header">
			<div class="header_1">
				<div class="top logo"></div>
				<div class="top">期刊</div>
				<div class="top">单曲</div>
				<div class="top">专栏</div>
				<div class="top">活动</div>
				<div class="top">APP</div>
				<div class="search">
					<!--<input type="text" name="" id="sousuo" value="" />-->
				</div>
				<div class="login">注册/登录</div>
			</div>
		</div>
	</body>

</html>